<template>
  <div id="app">
    <!-- 如果不是popup页面，就用下面这一条 -->
    <router-view></router-view>
    <nav-bar v-if="ifShowNavBar"></nav-bar>
  </div>
</template>

<script>
import NavBar from '@/components/NavBar'
export default {
  components: {
    NavBar
  },
  computed: {
    ifShowNavBar(){
      if(this.$route.meta.num || this.$route.meta.num==0){
        return true;
      }else{
        return false;
      }
    }
  }
} 
</script>

<style lang="less">
body, html, #app{
  background: #efefef;
  width: 100%;
  height: 100%;
  color: #000;
  font-size: 14px;
  font-family: microsoft yahei;
}

a{
  text-decoration: none;
  color: #000;
}

.slide-enter,
.slide-leave-to {
  right: -100%;
}

.slide-enter-active,
.slide-leave-active {
  transition: right 0.3s linear;
}

.slide-enter-to,
.slide-leave {
  right: 0;
}

h1,h2,h3,h4,h5,h6,p{
  margin: 0;
  font-weight: normal;
}
</style>
